<template>
        <div class="error-box">
            <img src="../../assets/status/403.png" alt="" width="400">
            <div class="text">
                <h2>403</h2>
                <p>抱歉，你无权访问该页面</p>
                <el-button type="primary" size='small'
                    @click="$router.push('/')">返回首页</el-button>
            </div>
        </div>
</template>


<script>


export default {
    name: "noAccess",

};
</script>

<style scoped lang="less">
.error-box {
    width: 100%;
    min-height: 600px;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;

    >.text {
        margin-left: 20px;
        >h2{
            font-size: 24px;
        }
        >p {
            font-size: 20px;
            font-weight: 400;
            margin: 10px 0;
        }
    }

}
</style>